<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="consulta.liquidacion.title"/></title>
    <meta name="heading" content="<fmt:message key='consulta.liquidacion.heading'/>"/>    
</head>
<form:form id="resumen">
<c:set var="buttons">
	<input type="button" class="button" style="width:150px" id="consultarLiquiButton"
      	onclick="consultarLiquidacion()" value="<fmt:message key="button.reporte.liquidacion"/>"/>
    <input type="button" class="button" onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>
<ul><li>
<div class="group" style="width: 300px">
		<div>
            <label for="programas"><fmt:message key="reporte.liquidacion.programas"/></label><br/>
			
			<c:choose>
				<c:when test="${empty programas}">
					<c:out value="${dePrograma}"/> 									
				</c:when>
				<c:otherwise>
					<select name="programas" class="text mediun" id="programas" onchange="setCmbPeriodos()" >
						<option value="-1" ><fmt:message key="seleccion.combo.default"/></option>
						<c:forEach var="programa" items="${programas}">
							<option value="${programa.id}" >${programa.dePrograma}</option>
						</c:forEach>
					</select>		
				</c:otherwise>
			</c:choose>
         </div>
         <br/>
         <div>
            <label for="periodos"><fmt:message key="reporte.liquidacion.periodos"/></label><br/>
				<c:choose>
				<c:when test="${empty programas}">
					<c:out value="${periodo.descripcion}"/>									
				</c:when>
				<c:otherwise>
					<select class="text mediun" name="periodos" id="periodos">
					<option value="-1" ><fmt:message key="seleccion.combo.default"/></option>
					</select>		
				</c:otherwise>
			</c:choose>
         </div>
         <br/>
         <br/>					
	</div>	        
</li></ul>	
	<c:out value="${buttons}" escapeXml="false" />
	
	<display:table name="consultaReporte" cellspacing="0" cellpadding="0" requestURI="" 
		    id="tarjetapersona" pagesize="30" class="table" style="width: 1000px" >
		    
		    <display:column property="nombre" titleKey="reporte.liquidacion.nombre.cliente" />       
		    <display:column property="direccion" titleKey="reporte.liquidacion.direccion"/>
		    <display:column property="documentoIdentidad" titleKey="reporte.liquidacion.documento"/>
		    <display:column property="telefono" titleKey="reporte.liquidacion.telefono"/>
		    <display:column property="cantidadM3" titleKey="reporte.liquidacion.cantidad"/>
		    <display:column property="meta" titleKey="reporte.liquidacion.metas" />
		</display:table>	
	
</form:form>        

<script type="text/javascript">

function setCmbPeriodos(){

	var coPrograma= dwr.util.getValue("programas");
	if(coPrograma != '-1' && coPrograma != null){
    	
    	dwr.util.useLoadingMessage("Cargando ...");
    	dwr.util.removeAllOptions("periodos");
		
    	ReporteLiquidacionService.periodosPorProgramaHistorio(coPrograma,
    	function(data) {
    		dwr.util.addOptions("periodos", data,"id","descripcion");
    	});
	}
}

function consultarLiquidacion(){

	var idPrograma =  dwr.util.getValue("programas");
	var idPeriodo= dwr.util.getValue("periodos");
	if ((idPrograma=="-1") || (idPeriodo=="-1")){
		alert("El Programa y el Periodo son datos obligatorios");
		return false;	
		} else {
			window.location.href='<c:url value='/reporteLiquidacion/reporteLiquidacion.html'/>';
	}
}
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/ReporteLiquidacionService.js"/>"></script>